<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>css23 伪元素选择器</title>
    
     <style>
        /* 伪元素像元素,但不是,是元素中的一些特殊位置 */
        /*  俩个冒号为伪元素,选择div的第一个文字  */
        div::first-letter
        {
            color: red;
            font-size: 40px;
        }
        /* 选择第一行 */
        div::first-line
        {
            background-color: blanchedalmond;
        }
        /* 选择的是鼠标选中的文字 */
        div::selection
        {
            background-color: blue;
        color: aqua;
        }
        /* 选择的是input中的提示文字 */
        input::placeholder
        {
            
        color:red;
        }
        /* 最开始的位置加一个元素 */
        p::before
        {
            content: "$";
            color: red;
        }
        /* 最后的位置加一个元素 */
        p::after{
            content: "00";
            color: gold;
        }

     </style>
</head>
<body>
    <div>幸福是一杯茶，能使人心旷神怡；幸福是一丝凉风，能吹走夏日的炎热；幸福是一缕火焰，能温暖冰冷的心；幸福是一汪清泉，能滋润人们干涸的心田；幸福还是一种感觉，给我美好、无限的回忆。窗外的天灰茫茫，就如我现在的心情一样，考试又没有考好，该怎么跟爸爸妈妈说呢，一种绝望的情绪像狂潮一般席卷我的心头，感到浑身冰凉。爸爸妈妈看着卷子上触目的分数，妈妈失望极了，眉上的“川”字纹锁得更紧了，爸爸眼中深深失望更是让我感到万分羞愧，上了阳台，又一根根抽起烟来。缕缕升起烟雾中，仿佛包含着爸爸对我的期盼！ </div>
<br>
<input type="text" placeholder="请输入">
<p>199.00</p>
<p>299.00</p>
<p>399.00</p>
<p>499.00</p>
<p>599.00</p>
<p>699.00</p>

</body>
</html>